@charset "UTF-8";  /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT  Copyright (c) 2015 Daniel Eden */  .animated {   -webkit-animation-duration: 1s;   animation-duration: 1s;   -webkit-animation-fill-mode: both;   animation-fill-mode: both; }  .animated.infinite {   -webkit-animation-iteration-count: infinite;   animation-iteration-count: infinite; }  .animated.hinge {   -webkit-animation-duration: 2s;   animation-duration: 2s; }  .animated.bounceIn, .animated.bounceOut {   -webkit-animation-duration: .75s;   animation-duration: .75s; }  .animated.flipOutX, .animated.flipOutY {   -webkit-animation-duration: .75s;   animation-duration: .75s; }  @-webkit-keyframes bounce {   0%, 20%, 53%, 80%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);   }    40%, 43% {     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     -webkit-transform: translate3d(0, -30px, 0);     transform: translate3d(0, -30px, 0);   }    70% {     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     -webkit-transform: translate3d(0, -15px, 0);     transform: translate3d(0, -15px, 0);   }    90% {     -webkit-transform: translate3d(0,-4px,0);     transform: translate3d(0,-4px,0);   } }  @keyframes bounce {   0%, 20%, 53%, 80%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);   }    40%, 43% {     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     -webkit-transform: translate3d(0, -30px, 0);     transform: translate3d(0, -30px, 0);   }    70% {     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);     -webkit-transform: translate3d(0, -15px, 0);     transform: translate3d(0, -15px, 0);   }    90% {     -webkit-transform: translate3d(0,-4px,0);     transform: translate3d(0,-4px,0);   } }  .bounce {   -webkit-animation-name: bounce;   animation-name: bounce;   -webkit-transform-origin: center bottom;   transform-origin: center bottom; }  @-webkit-keyframes flash {   0%, 50%, 100% {     opacity: 1;   }    25%, 75% {     opacity: 0;   } }  @keyframes flash {   0%, 50%, 100% {     opacity: 1;   }    25%, 75% {     opacity: 0;   } }  .flash {   -webkit-animation-name: flash;   animation-name: flash; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-webkit-keyframes pulse {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    50% {     -webkit-transform: scale3d(1.05, 1.05, 1.05);     transform: scale3d(1.05, 1.05, 1.05);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  @keyframes pulse {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    50% {     -webkit-transform: scale3d(1.05, 1.05, 1.05);     transform: scale3d(1.05, 1.05, 1.05);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  .pulse {   -webkit-animation-name: pulse;   animation-name: pulse; }  @-webkit-keyframes rubberBand {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    30% {     -webkit-transform: scale3d(1.25, 0.75, 1);     transform: scale3d(1.25, 0.75, 1);   }    40% {     -webkit-transform: scale3d(0.75, 1.25, 1);     transform: scale3d(0.75, 1.25, 1);   }    50% {     -webkit-transform: scale3d(1.15, 0.85, 1);     transform: scale3d(1.15, 0.85, 1);   }    65% {     -webkit-transform: scale3d(.95, 1.05, 1);     transform: scale3d(.95, 1.05, 1);   }    75% {     -webkit-transform: scale3d(1.05, .95, 1);     transform: scale3d(1.05, .95, 1);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  @keyframes rubberBand {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    30% {     -webkit-transform: scale3d(1.25, 0.75, 1);     transform: scale3d(1.25, 0.75, 1);   }    40% {     -webkit-transform: scale3d(0.75, 1.25, 1);     transform: scale3d(0.75, 1.25, 1);   }    50% {     -webkit-transform: scale3d(1.15, 0.85, 1);     transform: scale3d(1.15, 0.85, 1);   }    65% {     -webkit-transform: scale3d(.95, 1.05, 1);     transform: scale3d(.95, 1.05, 1);   }    75% {     -webkit-transform: scale3d(1.05, .95, 1);     transform: scale3d(1.05, .95, 1);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  .rubberBand {   -webkit-animation-name: rubberBand;   animation-name: rubberBand; }  @-webkit-keyframes shake {   0%, 100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    10%, 30%, 50%, 70%, 90% {     -webkit-transform: translate3d(-10px, 0, 0);     transform: translate3d(-10px, 0, 0);   }    20%, 40%, 60%, 80% {     -webkit-transform: translate3d(10px, 0, 0);     transform: translate3d(10px, 0, 0);   } }  @keyframes shake {   0%, 100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    10%, 30%, 50%, 70%, 90% {     -webkit-transform: translate3d(-10px, 0, 0);     transform: translate3d(-10px, 0, 0);   }    20%, 40%, 60%, 80% {     -webkit-transform: translate3d(10px, 0, 0);     transform: translate3d(10px, 0, 0);   } }  .shake {   -webkit-animation-name: shake;   animation-name: shake; }  @-webkit-keyframes swing {   20% {     -webkit-transform: rotate3d(0, 0, 1, 15deg);     transform: rotate3d(0, 0, 1, 15deg);   }    40% {     -webkit-transform: rotate3d(0, 0, 1, -10deg);     transform: rotate3d(0, 0, 1, -10deg);   }    60% {     -webkit-transform: rotate3d(0, 0, 1, 5deg);     transform: rotate3d(0, 0, 1, 5deg);   }    80% {     -webkit-transform: rotate3d(0, 0, 1, -5deg);     transform: rotate3d(0, 0, 1, -5deg);   }    100% {     -webkit-transform: rotate3d(0, 0, 1, 0deg);     transform: rotate3d(0, 0, 1, 0deg);   } }  @keyframes swing {   20% {     -webkit-transform: rotate3d(0, 0, 1, 15deg);     transform: rotate3d(0, 0, 1, 15deg);   }    40% {     -webkit-transform: rotate3d(0, 0, 1, -10deg);     transform: rotate3d(0, 0, 1, -10deg);   }    60% {     -webkit-transform: rotate3d(0, 0, 1, 5deg);     transform: rotate3d(0, 0, 1, 5deg);   }    80% {     -webkit-transform: rotate3d(0, 0, 1, -5deg);     transform: rotate3d(0, 0, 1, -5deg);   }    100% {     -webkit-transform: rotate3d(0, 0, 1, 0deg);     transform: rotate3d(0, 0, 1, 0deg);   } }  .swing {   -webkit-transform-origin: top center;   transform-origin: top center;   -webkit-animation-name: swing;   animation-name: swing; }  @-webkit-keyframes tada {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    10%, 20% {     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);   }    30%, 50%, 70%, 90% {     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);   }    40%, 60%, 80% {     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  @keyframes tada {   0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   }    10%, 20% {     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);   }    30%, 50%, 70%, 90% {     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);   }    40%, 60%, 80% {     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);   }    100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  .tada {   -webkit-animation-name: tada;   animation-name: tada; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-webkit-keyframes wobble {   0% {     -webkit-transform: none;     transform: none;   }    15% {     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);   }    30% {     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);   }    45% {     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);   }    60% {     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);   }    75% {     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);   }    100% {     -webkit-transform: none;     transform: none;   } }  @keyframes wobble {   0% {     -webkit-transform: none;     transform: none;   }    15% {     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);   }    30% {     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);   }    45% {     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);   }    60% {     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);   }    75% {     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);   }    100% {     -webkit-transform: none;     transform: none;   } }  .wobble {   -webkit-animation-name: wobble;   animation-name: wobble; }  @-webkit-keyframes jello {   11.1% {     -webkit-transform: none;             transform: none   }    22.2% {     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);             transform: skewX(-12.5deg) skewY(-12.5deg)   }   33.3% {     -webkit-transform: skewX(6.25deg) skewY(6.25deg);             transform: skewX(6.25deg) skewY(6.25deg)   }   44.4% {     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);             transform: skewX(-3.125deg) skewY(-3.125deg)   }   55.5% {     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);             transform: skewX(1.5625deg) skewY(1.5625deg)   }   66.6% {     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);             transform: skewX(-0.78125deg) skewY(-0.78125deg)   }   77.7% {     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);             transform: skewX(0.390625deg) skewY(0.390625deg)   }   88.8% {     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);             transform: skewX(-0.1953125deg) skewY(-0.1953125deg)   }   100% {     -webkit-transform: none;             transform: none   } }  @keyframes jello {   11.1% {     -webkit-transform: none;             transform: none   }    22.2% {      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);             transform: skewX(-12.5deg) skewY(-12.5deg)   }   33.3% {     -webkit-transform: skewX(6.25deg) skewY(6.25deg);             transform: skewX(6.25deg) skewY(6.25deg)   }   44.4% {     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);             transform: skewX(-3.125deg) skewY(-3.125deg)   }   55.5% {     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);             transform: skewX(1.5625deg) skewY(1.5625deg)   }   66.6% {     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);             transform: skewX(-0.78125deg) skewY(-0.78125deg)   }   77.7% {     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);             transform: skewX(0.390625deg) skewY(0.390625deg)   }   88.8% {     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);             transform: skewX(-0.1953125deg) skewY(-0.1953125deg)   }   100% {     -webkit-transform: none;             transform: none   } }    .jello{     -webkit-animation-name:jello;             animation-name:jello;     -webkit-transform-origin: center;              transform-origin: center }  @-webkit-keyframes bounceIn {   0%, 20%, 40%, 60%, 80%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    20% {     -webkit-transform: scale3d(1.1, 1.1, 1.1);     transform: scale3d(1.1, 1.1, 1.1);   }    40% {     -webkit-transform: scale3d(.9, .9, .9);     transform: scale3d(.9, .9, .9);   }    60% {     opacity: 1;     -webkit-transform: scale3d(1.03, 1.03, 1.03);     transform: scale3d(1.03, 1.03, 1.03);   }    80% {     -webkit-transform: scale3d(.97, .97, .97);     transform: scale3d(.97, .97, .97);   }    100% {     opacity: 1;     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  @keyframes bounceIn {   0%, 20%, 40%, 60%, 80%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    20% {     -webkit-transform: scale3d(1.1, 1.1, 1.1);     transform: scale3d(1.1, 1.1, 1.1);   }    40% {     -webkit-transform: scale3d(.9, .9, .9);     transform: scale3d(.9, .9, .9);   }    60% {     opacity: 1;     -webkit-transform: scale3d(1.03, 1.03, 1.03);     transform: scale3d(1.03, 1.03, 1.03);   }    80% {     -webkit-transform: scale3d(.97, .97, .97);     transform: scale3d(.97, .97, .97);   }    100% {     opacity: 1;     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1);   } }  .bounceIn {   -webkit-animation-name: bounceIn;   animation-name: bounceIn; }  @-webkit-keyframes bounceInDown {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(0, -3000px, 0);     transform: translate3d(0, -3000px, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(0, 25px, 0);     transform: translate3d(0, 25px, 0);   }    75% {     -webkit-transform: translate3d(0, -10px, 0);     transform: translate3d(0, -10px, 0);   }    90% {     -webkit-transform: translate3d(0, 5px, 0);     transform: translate3d(0, 5px, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  @keyframes bounceInDown {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(0, -3000px, 0);     transform: translate3d(0, -3000px, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(0, 25px, 0);     transform: translate3d(0, 25px, 0);   }    75% {     -webkit-transform: translate3d(0, -10px, 0);     transform: translate3d(0, -10px, 0);   }    90% {     -webkit-transform: translate3d(0, 5px, 0);     transform: translate3d(0, 5px, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  .bounceInDown {   -webkit-animation-name: bounceInDown;   animation-name: bounceInDown; }  @-webkit-keyframes bounceInLeft {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(-3000px, 0, 0);     transform: translate3d(-3000px, 0, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(25px, 0, 0);     transform: translate3d(25px, 0, 0);   }    75% {     -webkit-transform: translate3d(-10px, 0, 0);     transform: translate3d(-10px, 0, 0);   }    90% {     -webkit-transform: translate3d(5px, 0, 0);     transform: translate3d(5px, 0, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  @keyframes bounceInLeft {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(-3000px, 0, 0);     transform: translate3d(-3000px, 0, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(25px, 0, 0);     transform: translate3d(25px, 0, 0);   }    75% {     -webkit-transform: translate3d(-10px, 0, 0);     transform: translate3d(-10px, 0, 0);   }    90% {     -webkit-transform: translate3d(5px, 0, 0);     transform: translate3d(5px, 0, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  .bounceInLeft {   -webkit-animation-name: bounceInLeft;   animation-name: bounceInLeft; }  @-webkit-keyframes bounceInRight {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(3000px, 0, 0);     transform: translate3d(3000px, 0, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(-25px, 0, 0);     transform: translate3d(-25px, 0, 0);   }    75% {     -webkit-transform: translate3d(10px, 0, 0);     transform: translate3d(10px, 0, 0);   }    90% {     -webkit-transform: translate3d(-5px, 0, 0);     transform: translate3d(-5px, 0, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  @keyframes bounceInRight {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(3000px, 0, 0);     transform: translate3d(3000px, 0, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(-25px, 0, 0);     transform: translate3d(-25px, 0, 0);   }    75% {     -webkit-transform: translate3d(10px, 0, 0);     transform: translate3d(10px, 0, 0);   }    90% {     -webkit-transform: translate3d(-5px, 0, 0);     transform: translate3d(-5px, 0, 0);   }    100% {     -webkit-transform: none;     transform: none;   } }  .bounceInRight {   -webkit-animation-name: bounceInRight;   animation-name: bounceInRight; }  @-webkit-keyframes bounceInUp {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(0, 3000px, 0);     transform: translate3d(0, 3000px, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(0, -20px, 0);     transform: translate3d(0, -20px, 0);   }    75% {     -webkit-transform: translate3d(0, 10px, 0);     transform: translate3d(0, 10px, 0);   }    90% {     -webkit-transform: translate3d(0, -5px, 0);     transform: translate3d(0, -5px, 0);   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  @keyframes bounceInUp {   0%, 60%, 75%, 90%, 100% {     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }    0% {     opacity: 0;     -webkit-transform: translate3d(0, 3000px, 0);     transform: translate3d(0, 3000px, 0);   }    60% {     opacity: 1;     -webkit-transform: translate3d(0, -20px, 0);     transform: translate3d(0, -20px, 0);   }    75% {     -webkit-transform: translate3d(0, 10px, 0);     transform: translate3d(0, 10px, 0);   }    90% {     -webkit-transform: translate3d(0, -5px, 0);     transform: translate3d(0, -5px, 0);   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  .bounceInUp {   -webkit-animation-name: bounceInUp;   animation-name: bounceInUp; }  @-webkit-keyframes bounceOut {   20% {     -webkit-transform: scale3d(.9, .9, .9);     transform: scale3d(.9, .9, .9);   }    50%, 55% {     opacity: 1;     -webkit-transform: scale3d(1.1, 1.1, 1.1);     transform: scale3d(1.1, 1.1, 1.1);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   } }  @keyframes bounceOut {   20% {     -webkit-transform: scale3d(.9, .9, .9);     transform: scale3d(.9, .9, .9);   }    50%, 55% {     opacity: 1;     -webkit-transform: scale3d(1.1, 1.1, 1.1);     transform: scale3d(1.1, 1.1, 1.1);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   } }  .bounceOut {   -webkit-animation-name: bounceOut;   animation-name: bounceOut; }  @-webkit-keyframes bounceOutDown {   20% {     -webkit-transform: translate3d(0, 10px, 0);     transform: translate3d(0, 10px, 0);   }    40%, 45% {     opacity: 1;     -webkit-transform: translate3d(0, -20px, 0);     transform: translate3d(0, -20px, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   } }  @keyframes bounceOutDown {   20% {     -webkit-transform: translate3d(0, 10px, 0);     transform: translate3d(0, 10px, 0);   }    40%, 45% {     opacity: 1;     -webkit-transform: translate3d(0, -20px, 0);     transform: translate3d(0, -20px, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   } }  .bounceOutDown {   -webkit-animation-name: bounceOutDown;   animation-name: bounceOutDown; }  @-webkit-keyframes bounceOutLeft {   20% {     opacity: 1;     -webkit-transform: translate3d(20px, 0, 0);     transform: translate3d(20px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   } }  @keyframes bounceOutLeft {   20% {     opacity: 1;     -webkit-transform: translate3d(20px, 0, 0);     transform: translate3d(20px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   } }  .bounceOutLeft {   -webkit-animation-name: bounceOutLeft;   animation-name: bounceOutLeft; }  @-webkit-keyframes bounceOutRight {   20% {     opacity: 1;     -webkit-transform: translate3d(-20px, 0, 0);     transform: translate3d(-20px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   } }  @keyframes bounceOutRight {   20% {     opacity: 1;     -webkit-transform: translate3d(-20px, 0, 0);     transform: translate3d(-20px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   } }  .bounceOutRight {   -webkit-animation-name: bounceOutRight;   animation-name: bounceOutRight; }  @-webkit-keyframes bounceOutUp {   20% {     -webkit-transform: translate3d(0, -10px, 0);     transform: translate3d(0, -10px, 0);   }    40%, 45% {     opacity: 1;     -webkit-transform: translate3d(0, 20px, 0);     transform: translate3d(0, 20px, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   } }  @keyframes bounceOutUp {   20% {     -webkit-transform: translate3d(0, -10px, 0);     transform: translate3d(0, -10px, 0);   }    40%, 45% {     opacity: 1;     -webkit-transform: translate3d(0, 20px, 0);     transform: translate3d(0, 20px, 0);   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   } }  .bounceOutUp {   -webkit-animation-name: bounceOutUp;   animation-name: bounceOutUp; }  @-webkit-keyframes fadeIn {   0% {     opacity: 0;   }    100% {     opacity: 1;   } }  @keyframes fadeIn {   0% {     opacity: 0;   }    100% {     opacity: 1;   } }  .fadeIn {   -webkit-animation-name: fadeIn;   animation-name: fadeIn; }  @-webkit-keyframes fadeInDown {   0% {     opacity: 0;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInDown {   0% {     opacity: 0;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInDown {   -webkit-animation-name: fadeInDown;   animation-name: fadeInDown; }  @-webkit-keyframes fadeInDownBig {   0% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInDownBig {   0% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInDownBig {   -webkit-animation-name: fadeInDownBig;   animation-name: fadeInDownBig; }  @-webkit-keyframes fadeInLeft {   0% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInLeft {   0% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInLeft {   -webkit-animation-name: fadeInLeft;   animation-name: fadeInLeft; }  @-webkit-keyframes fadeInLeftBig {   0% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInLeftBig {   0% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInLeftBig {   -webkit-animation-name: fadeInLeftBig;   animation-name: fadeInLeftBig; }  @-webkit-keyframes fadeInRight {   0% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInRight {   0% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInRight {   -webkit-animation-name: fadeInRight;   animation-name: fadeInRight; }  @-webkit-keyframes fadeInRightBig {   0% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInRightBig {   0% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInRightBig {   -webkit-animation-name: fadeInRightBig;   animation-name: fadeInRightBig; }  @-webkit-keyframes fadeInUp {   0% {     opacity: 0;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInUp {   0% {     opacity: 0;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInUp {   -webkit-animation-name: fadeInUp;   animation-name: fadeInUp; }  @-webkit-keyframes fadeInUpBig {   0% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes fadeInUpBig {   0% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .fadeInUpBig {   -webkit-animation-name: fadeInUpBig;   animation-name: fadeInUpBig; }  @-webkit-keyframes fadeOut {   0% {     opacity: 1;   }    100% {     opacity: 0;   } }  @keyframes fadeOut {   0% {     opacity: 1;   }    100% {     opacity: 0;   } }  .fadeOut {   -webkit-animation-name: fadeOut;   animation-name: fadeOut; }  @-webkit-keyframes fadeOutDown {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   } }  @keyframes fadeOutDown {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   } }  .fadeOutDown {   -webkit-animation-name: fadeOutDown;   animation-name: fadeOutDown; }  @-webkit-keyframes fadeOutDownBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   } }  @keyframes fadeOutDownBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, 2000px, 0);     transform: translate3d(0, 2000px, 0);   } }  .fadeOutDownBig {   -webkit-animation-name: fadeOutDownBig;   animation-name: fadeOutDownBig; }  @-webkit-keyframes fadeOutLeft {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   } }  @keyframes fadeOutLeft {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   } }  .fadeOutLeft {   -webkit-animation-name: fadeOutLeft;   animation-name: fadeOutLeft; }  @-webkit-keyframes fadeOutLeftBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   } }  @keyframes fadeOutLeftBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(-2000px, 0, 0);     transform: translate3d(-2000px, 0, 0);   } }  .fadeOutLeftBig {   -webkit-animation-name: fadeOutLeftBig;   animation-name: fadeOutLeftBig; }  @-webkit-keyframes fadeOutRight {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   } }  @keyframes fadeOutRight {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   } }  .fadeOutRight {   -webkit-animation-name: fadeOutRight;   animation-name: fadeOutRight; }  @-webkit-keyframes fadeOutRightBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   } }  @keyframes fadeOutRightBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(2000px, 0, 0);     transform: translate3d(2000px, 0, 0);   } }  .fadeOutRightBig {   -webkit-animation-name: fadeOutRightBig;   animation-name: fadeOutRightBig; }  @-webkit-keyframes fadeOutUp {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   } }  @keyframes fadeOutUp {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   } }  .fadeOutUp {   -webkit-animation-name: fadeOutUp;   animation-name: fadeOutUp; }  @-webkit-keyframes fadeOutUpBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   } }  @keyframes fadeOutUpBig {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(0, -2000px, 0);     transform: translate3d(0, -2000px, 0);   } }  .fadeOutUpBig {   -webkit-animation-name: fadeOutUpBig;   animation-name: fadeOutUpBig; }  @-webkit-keyframes flip {   0% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);     -webkit-animation-timing-function: ease-out;     animation-timing-function: ease-out;   }    40% {     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);     -webkit-animation-timing-function: ease-out;     animation-timing-function: ease-out;   }    50% {     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    80% {     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);     transform: perspective(400px) scale3d(.95, .95, .95);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   } }  @keyframes flip {   0% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);     -webkit-animation-timing-function: ease-out;     animation-timing-function: ease-out;   }    40% {     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);     -webkit-animation-timing-function: ease-out;     animation-timing-function: ease-out;   }    50% {     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    80% {     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);     transform: perspective(400px) scale3d(.95, .95, .95);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   } }  .animated.flip {   -webkit-backface-visibility: visible;   backface-visibility: visible;   -webkit-animation-name: flip;   animation-name: flip; }  @-webkit-keyframes flipInX {   0% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;     opacity: 0;   }    40% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    60% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);     opacity: 1;   }    80% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   } }  @keyframes flipInX {   0% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;     opacity: 0;   }    40% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    60% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);     opacity: 1;   }    80% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   } }  .flipInX {   -webkit-backface-visibility: visible !important;   backface-visibility: visible !important;   -webkit-animation-name: flipInX;   animation-name: flipInX; }  @-webkit-keyframes flipInY {   0% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;     opacity: 0;   }    40% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    60% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);     opacity: 1;   }    80% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   } }  @keyframes flipInY {   0% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;     opacity: 0;   }    40% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);     -webkit-animation-timing-function: ease-in;     animation-timing-function: ease-in;   }    60% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);     opacity: 1;   }    80% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);   }    100% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   } }  .flipInY {   -webkit-backface-visibility: visible !important;   backface-visibility: visible !important;   -webkit-animation-name: flipInY;   animation-name: flipInY; }  @-webkit-keyframes flipOutX {   0% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   }    30% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     opacity: 1;   }    100% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     opacity: 0;   } }  @keyframes flipOutX {   0% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   }    30% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);     opacity: 1;   }    100% {     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);     opacity: 0;   } }  .flipOutX {   -webkit-animation-name: flipOutX;   animation-name: flipOutX;   -webkit-backface-visibility: visible !important;   backface-visibility: visible !important; }  @-webkit-keyframes flipOutY {   0% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   }    30% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);     opacity: 1;   }    100% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     opacity: 0;   } }  @keyframes flipOutY {   0% {     -webkit-transform: perspective(400px);     transform: perspective(400px);   }    30% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);     opacity: 1;   }    100% {     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);     opacity: 0;   } }  .flipOutY {   -webkit-backface-visibility: visible !important;   backface-visibility: visible !important;   -webkit-animation-name: flipOutY;   animation-name: flipOutY; }  @-webkit-keyframes lightSpeedIn {   0% {     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);     transform: translate3d(100%, 0, 0) skewX(-30deg);     opacity: 0;   }    60% {     -webkit-transform: skewX(20deg);     transform: skewX(20deg);     opacity: 1;   }    80% {     -webkit-transform: skewX(-5deg);     transform: skewX(-5deg);     opacity: 1;   }    100% {     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes lightSpeedIn {   0% {     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);     transform: translate3d(100%, 0, 0) skewX(-30deg);     opacity: 0;   }    60% {     -webkit-transform: skewX(20deg);     transform: skewX(20deg);     opacity: 1;   }    80% {     -webkit-transform: skewX(-5deg);     transform: skewX(-5deg);     opacity: 1;   }    100% {     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .lightSpeedIn {   -webkit-animation-name: lightSpeedIn;   animation-name: lightSpeedIn;   -webkit-animation-timing-function: ease-out;   animation-timing-function: ease-out; }  @-webkit-keyframes lightSpeedOut {   0% {     opacity: 1;   }    100% {     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);     transform: translate3d(100%, 0, 0) skewX(30deg);     opacity: 0;   } }  @keyframes lightSpeedOut {   0% {     opacity: 1;   }    100% {     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);     transform: translate3d(100%, 0, 0) skewX(30deg);     opacity: 0;   } }  .lightSpeedOut {   -webkit-animation-name: lightSpeedOut;   animation-name: lightSpeedOut;   -webkit-animation-timing-function: ease-in;   animation-timing-function: ease-in; }  @-webkit-keyframes rotateIn {   0% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: rotate3d(0, 0, 1, -200deg);     transform: rotate3d(0, 0, 1, -200deg);     opacity: 0;   }    100% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes rotateIn {   0% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: rotate3d(0, 0, 1, -200deg);     transform: rotate3d(0, 0, 1, -200deg);     opacity: 0;   }    100% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .rotateIn {   -webkit-animation-name: rotateIn;   animation-name: rotateIn; }  @-webkit-keyframes rotateInDownLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes rotateInDownLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .rotateInDownLeft {   -webkit-animation-name: rotateInDownLeft;   animation-name: rotateInDownLeft; }  @-webkit-keyframes rotateInDownRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes rotateInDownRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .rotateInDownRight {   -webkit-animation-name: rotateInDownRight;   animation-name: rotateInDownRight; }  @-webkit-keyframes rotateInUpLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes rotateInUpLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .rotateInUpLeft {   -webkit-animation-name: rotateInUpLeft;   animation-name: rotateInUpLeft; }  @-webkit-keyframes rotateInUpRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, -90deg);     transform: rotate3d(0, 0, 1, -90deg);     opacity: 0;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  @keyframes rotateInUpRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, -90deg);     transform: rotate3d(0, 0, 1, -90deg);     opacity: 0;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: none;     transform: none;     opacity: 1;   } }  .rotateInUpRight {   -webkit-animation-name: rotateInUpRight;   animation-name: rotateInUpRight; }  @-webkit-keyframes rotateOut {   0% {     -webkit-transform-origin: center;     transform-origin: center;     opacity: 1;   }    100% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: rotate3d(0, 0, 1, 200deg);     transform: rotate3d(0, 0, 1, 200deg);     opacity: 0;   } }  @keyframes rotateOut {   0% {     -webkit-transform-origin: center;     transform-origin: center;     opacity: 1;   }    100% {     -webkit-transform-origin: center;     transform-origin: center;     -webkit-transform: rotate3d(0, 0, 1, 200deg);     transform: rotate3d(0, 0, 1, 200deg);     opacity: 0;   } }  .rotateOut {   -webkit-animation-name: rotateOut;   animation-name: rotateOut; }  @-webkit-keyframes rotateOutDownLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   } }  @keyframes rotateOutDownLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, 45deg);     transform: rotate3d(0, 0, 1, 45deg);     opacity: 0;   } }  .rotateOutDownLeft {   -webkit-animation-name: rotateOutDownLeft;   animation-name: rotateOutDownLeft; }  @-webkit-keyframes rotateOutDownRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   } }  @keyframes rotateOutDownRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   } }  .rotateOutDownRight {   -webkit-animation-name: rotateOutDownRight;   animation-name: rotateOutDownRight; }  @-webkit-keyframes rotateOutUpLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   } }  @keyframes rotateOutUpLeft {   0% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: left bottom;     transform-origin: left bottom;     -webkit-transform: rotate3d(0, 0, 1, -45deg);     transform: rotate3d(0, 0, 1, -45deg);     opacity: 0;   } }  .rotateOutUpLeft {   -webkit-animation-name: rotateOutUpLeft;   animation-name: rotateOutUpLeft; }  @-webkit-keyframes rotateOutUpRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, 90deg);     transform: rotate3d(0, 0, 1, 90deg);     opacity: 0;   } }  @keyframes rotateOutUpRight {   0% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     opacity: 1;   }    100% {     -webkit-transform-origin: right bottom;     transform-origin: right bottom;     -webkit-transform: rotate3d(0, 0, 1, 90deg);     transform: rotate3d(0, 0, 1, 90deg);     opacity: 0;   } }  .rotateOutUpRight {   -webkit-animation-name: rotateOutUpRight;   animation-name: rotateOutUpRight; }  @-webkit-keyframes hinge {   0% {     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    20%, 60% {     -webkit-transform: rotate3d(0, 0, 1, 80deg);     transform: rotate3d(0, 0, 1, 80deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    40%, 80% {     -webkit-transform: rotate3d(0, 0, 1, 60deg);     transform: rotate3d(0, 0, 1, 60deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;     opacity: 1;   }    100% {     -webkit-transform: translate3d(0, 700px, 0);     transform: translate3d(0, 700px, 0);     opacity: 0;   } }  @keyframes hinge {   0% {     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    20%, 60% {     -webkit-transform: rotate3d(0, 0, 1, 80deg);     transform: rotate3d(0, 0, 1, 80deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    40%, 80% {     -webkit-transform: rotate3d(0, 0, 1, 60deg);     transform: rotate3d(0, 0, 1, 60deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;     opacity: 1;   }    100% {     -webkit-transform: translate3d(0, 700px, 0);     transform: translate3d(0, 700px, 0);     opacity: 0;   } }  .hinge {   -webkit-animation-name: hinge;   animation-name: hinge; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-webkit-keyframes rollIn {   0% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  @keyframes rollIn {   0% {     opacity: 0;     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);   }    100% {     opacity: 1;     -webkit-transform: none;     transform: none;   } }  .rollIn {   -webkit-animation-name: rollIn;   animation-name: rollIn; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-webkit-keyframes rollOut {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);   } }  @keyframes rollOut {   0% {     opacity: 1;   }    100% {     opacity: 0;     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);   } }  .rollOut {   -webkit-animation-name: rollOut;   animation-name: rollOut; }  @-webkit-keyframes zoomIn {   0% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    50% {     opacity: 1;   } }  @keyframes zoomIn {   0% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    50% {     opacity: 1;   } }  .zoomIn {   -webkit-animation-name: zoomIn;   animation-name: zoomIn; }  @-webkit-keyframes zoomInDown {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomInDown {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomInDown {   -webkit-animation-name: zoomInDown;   animation-name: zoomInDown; }  @-webkit-keyframes zoomInLeft {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomInLeft {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomInLeft {   -webkit-animation-name: zoomInLeft;   animation-name: zoomInLeft; }  @-webkit-keyframes zoomInRight {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomInRight {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomInRight {   -webkit-animation-name: zoomInRight;   animation-name: zoomInRight; }  @-webkit-keyframes zoomInUp {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomInUp {   0% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomInUp {   -webkit-animation-name: zoomInUp;   animation-name: zoomInUp; }  @-webkit-keyframes zoomOut {   0% {     opacity: 1;   }    50% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    100% {     opacity: 0;   } }  @keyframes zoomOut {   0% {     opacity: 1;   }    50% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }    100% {     opacity: 0;   } }  .zoomOut {   -webkit-animation-name: zoomOut;   animation-name: zoomOut; }  @-webkit-keyframes zoomOutDown {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomOutDown {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomOutDown {   -webkit-animation-name: zoomOutDown;   animation-name: zoomOutDown; }  @-webkit-keyframes zoomOutLeft {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);     transform: scale(.1) translate3d(-2000px, 0, 0);     -webkit-transform-origin: left center;     transform-origin: left center;   } }  @keyframes zoomOutLeft {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);     transform: scale(.1) translate3d(-2000px, 0, 0);     -webkit-transform-origin: left center;     transform-origin: left center;   } }  .zoomOutLeft {   -webkit-animation-name: zoomOutLeft;   animation-name: zoomOutLeft; }  @-webkit-keyframes zoomOutRight {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);     transform: scale(.1) translate3d(2000px, 0, 0);     -webkit-transform-origin: right center;     transform-origin: right center;   } }  @keyframes zoomOutRight {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   }    100% {     opacity: 0;     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);     transform: scale(.1) translate3d(2000px, 0, 0);     -webkit-transform-origin: right center;     transform-origin: right center;   } }  .zoomOutRight {   -webkit-animation-name: zoomOutRight;   animation-name: zoomOutRight; }  @-webkit-keyframes zoomOutUp {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  @keyframes zoomOutUp {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }    100% {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } }  .zoomOutUp {   -webkit-animation-name: zoomOutUp;   animation-name: zoomOutUp; }  @-webkit-keyframes slideInDown {   0% {     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  @keyframes slideInDown {   0% {     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  .slideInDown {   -webkit-animation-name: slideInDown;   animation-name: slideInDown; }  @-webkit-keyframes slideInLeft {   0% {     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  @keyframes slideInLeft {   0% {     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  .slideInLeft {   -webkit-animation-name: slideInLeft;   animation-name: slideInLeft; }  @-webkit-keyframes slideInRight {   0% {     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  @keyframes slideInRight {   0% {     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  .slideInRight {   -webkit-animation-name: slideInRight;   animation-name: slideInRight; }  @-webkit-keyframes slideInUp {   0% {     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  @keyframes slideInUp {   0% {     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);     visibility: visible;   }    100% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   } }  .slideInUp {   -webkit-animation-name: slideInUp;   animation-name: slideInUp; }  @-webkit-keyframes slideOutDown {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   } }  @keyframes slideOutDown {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0);   } }  .slideOutDown {   -webkit-animation-name: slideOutDown;   animation-name: slideOutDown; }  @-webkit-keyframes slideOutLeft {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   } }  @keyframes slideOutLeft {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(-100%, 0, 0);     transform: translate3d(-100%, 0, 0);   } }  .slideOutLeft {   -webkit-animation-name: slideOutLeft;   animation-name: slideOutLeft; }  @-webkit-keyframes slideOutRight {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   } }  @keyframes slideOutRight {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(100%, 0, 0);     transform: translate3d(100%, 0, 0);   } }  .slideOutRight {   -webkit-animation-name: slideOutRight;   animation-name: slideOutRight; }  @-webkit-keyframes slideOutUp {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   } }  @keyframes slideOutUp {   0% {     -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);   }    100% {     visibility: hidden;     -webkit-transform: translate3d(0, -100%, 0);     transform: translate3d(0, -100%, 0);   } }  .slideOutUp {   -webkit-animation-name: slideOutUp;   animation-name: slideOutUp; }